<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="<%=request.getContextPath() %>"/>

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1"/>
    <title></title>
    <!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> -->
    <link rel="stylesheet" type="text/css" href="${ctx}/css/index.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/home/css/firstpage.css">
    <link type="text/css" rel="stylesheet" href="css/chart.css" />
   
</head>
<body>
	<table width="1356" height="849" border="0" align="center"
		cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="__01">
		<tr>
			<td>
				<table id="__2" width="1356" height="849" border="0" cellpadding="0"
					cellspacing="0">
					<tr>
						<td width="10" height="849" class="backcolor"></td>
						<td width="369" height="849" class="backcolor">
							
							<div id="data_area1" style="width: 369px; height: 849px;">
								<table width="369" height="829"
									background="${ctx}/images/sjcg_left_bigger.jpg" border="0"
									align="center" cellpadding="0" cellspacing="0">
									<tr>
										<td width="369" height="45">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="46%" height="25">&nbsp;</td>
													<td width="28%" valign="middle">
														<div id="top" class="STYLE1">标题01</div>
													</td>
													<td width="26%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="31">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="30%" height="25">&nbsp;</td>
													<td width="60%" valign="top">
													   <span id="f_type" class="STYLE2">
														表格01
														</span>
													</td>
													<td width="10%" >&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="225" valign="top">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="4%">&nbsp;</td>
													<td width="94%">
														<div id="data_1"
															style="height: 205px; padding-top: 20px; OVERFLOW-Y: auto; OVERFLOW-X: hidden;">
															表格内容01
														</div>
													</td>
													<td width="2%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="31">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="30%" height="25">&nbsp;</td>
													<td width="60%" valign="middle">
													<span id="f_type2" class="STYLE2">
													表格02
													</span>
													</td>
													<td width="10%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="206" valign="top">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="4%">&nbsp;</td>
													<td width="94%">
														<div id="data_2"
															style="height: 201px; padding-top: 15px; OVERFLOW-Y: auto; OVERFLOW-X: hidden;">
															表格内容02
														</div>
													</td>
													<td width="2%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="35">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="30%" height="35">&nbsp;</td>
													<td width="60%" valign="top">
													  <span class="STYLE2">
													      延川南产气井构成</span>
													 </td>
													<td width="10%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<td width="369" height="246" valign="top">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="4%">&nbsp;</td>
													<td width="94%">
														<div style="height: 235px;">
															<div id="chartContainer1" style="height: 235px;">
															饼图内容正在加载
                                                            </div>
														</div>

													</td>
													<td width="2%">&nbsp;</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</div>

						</td>
						<td width="10" height="849" class="backcolor"></td>
						<td width="967" height="849" valign="top" bgcolor="#FFFFFF">
							<div class="right_width" style="height:849px;">
								<div class="right_width" style="height: 437px">
									<div id="lineDiv">
									图表01
									</div>
								</div>

								<div id="data_area2" class="right_width" style="height: 385px;">
									<table border="0" align="center" cellpadding="0"
										cellspacing="0">
										<tr>
											<td height="10"></td>
										</tr>
										<tr>
											<td width="967" height="27"
												background="${ctx}/images/sjcg_right_bigger.jpg">
												<table width="369" border="0" cellspacing="0"
													cellpadding="0">
													<tr>
														<td width="30%" height="20">&nbsp;</td>
														<td width="60%" valign="top">
														  <span class="STYLE2">
														           延川南生产井情况
														   </span>
														</td>
														<td width="10%">&nbsp;</td>
													</tr>
												</table>
											</td>

										</tr>
										<tr>
											<td height="348" valign="top">
												<div class="right_width" style="height: 348px;">
													<div id="chartContainer2" style="height: 348px;"> 
													图表内容正在加载
													</div>

												</div>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</td>
					</tr>
				</table>
			</td>
		</tr>

	</table>
<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/home/js/firstpage.js"></script>
<!-- ECharts单文件引入 -->
<script type="text/javascript" src="${ctx}/js/echarts/dist/echarts.js"></script>
<script type="text/javascript" src="js/chart.js"></script>
<script>
		//路径配置
		require.config({
			paths : {
				echarts : '${ctx}/js/echarts/dist'
				//echarts:'http://echarts.baidu.com/build/dist'
			}
		});
		var blue;
		require(['echarts/theme/blue'], function(theme) { blue = theme;});
		require([ 'echarts', 
		          'echarts/chart/line', 'echarts/chart/bar', 'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		],DrawCharts);
	</script>
</body>
</html>